<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="MobileOptimized" content="320">
<title>无标题文档</title>

    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <!--<link href="css/recommen.css" rel="stylesheet" type="text/css" />-->
    <script src="js/jquery-1.11.1.min.js"></script>
	<script>
    $(document).ready(function(){
      $("#sign").click(function(){
        $("#item_ext").fadeToggle();
      
      });
    });
	
	$(function(){
		   //INIT tabs filters
		var bottom = 0;
		$("#bot").each(function(){
			bottom += $(this).height() - 3;
		});
		console.log(bottom);
		$("#item").css("bottom",bottom);
		$("#f_app").css("bottom",bottom);
		
		var top = 0;
		$("#thead_fix").each(function(){
			top += $(this).height();
		});
		console.log(top);
		$("#m_top").css("margin-top",top);
		
	})
	
	$(document).ready(function(){
		
	  $("#i_but_more").click(function(){

		 if($.trim($("#i_but_more").text())=="查看更多文章"){
			
			$("#i_but_more").text("点击查看更多")
			$("#xq").addClass("y_hide");
			$("#xq").removeClass("hide");
		}
		
		else if($.trim($("#i_but_more").text())=="点击查看更多"){
			
			$("#i_but_more").text("收起")
			$("#xq").removeClass("y_hide");
		}	else
		{
			$("#i_but_more").text("查看更多文章")
			$("#xq").addClass("hide");
			$("#xq").addClass("y_hide");
		}
	 });
	  $("#remove").click(function(){
		$("#f_app").remove();
		});
	});
	   
    </script>

</head>

<body style="background-color:#eee;">
<div class="wrapper" id="wrapper"  style="background-color:#f5f4f3;">

	<div class="content activity singlepage">
		
		<div class="thead_fix" id="thead_fix" style="z-index:999; display: none ;">
        
        	<!--返回按钮-->
                
            <a href="#" class="arrow">      
                <div class="img">
                    <img src="images/ret.png"/>
                </div>
            </a>
            
            <!--返回按钮end-->
    
            <div class="m">
            	<span class="st">
                	<span class="bt">又寄给女孩的故事写真</span>
                </span>
            </div>
            
            
            <a href="#" class="menus">    
                <div class="img">
                </div>
            </a>

        </div>
        
        <div class="tbody">
        	
        	<div class="banner banner_art">
                <div class="b_til">
                    <div class="banner_ret"  style="z-index:996;"></div>
                    <div class="banner_coll" style="z-index:996;"></div>
                </div>
                <div class="b_cet">

                </div>
           </div>
        	
            <div class="activity details">

                <div class="bgcolor">
                        
                    <div class="group group_art">
                    	
                        <div class="vimg">
                            <div class="imgs">
                                <img src="images/act1.jpg">
                            </div>
                        	<div class="v"></div>
                        </div>

                        <div class="wd"  style="max-width: 550px; position: relative;">
                            <div class="st" style="line-height:22px;">
                                <div class="x1">麦兜妈妈</div>
                            </div>
                            <div class="time">
                                	绘画达人 ▪ 32文章
                            </div>
                        </div>
                        

                    </div>
                    
                    <div class="title" style="padding:0 0 2% 0; margin-top: 0; margin-bottom:-1px;">
	                    <div class="st">
	                        <div class="x1" style="height:15px;">
	                            <div class="liter">猜&bull;市集<span class="l1"></span></div>
	                            <div class="rliter">
	                            	<span class="l2_pre"></span>
	                            	<span class="l3"></span>
	                            	<span class="l1"></span>
	                            </div>
	                        </div>
	                    </div>
	                </div> 
	                
	                <div class="xt_d" style="margin-left:0;"></div>
	                
	                <div class="bgcolor infor_art">
	                    <a href="#">
			                   <div class="infor">
			                      <div class="item">
			                          <div class="img">
			                              <span class="img"><img src="images/act6.jpg"></span>
			                          </div>
			                          <div class="wd"  style="max-width: 550px;">
			                              <span class="st">生态学博士带队，自然博物馆</span>
			                              <span class="time">2015.04.3~2016.05.01·海豚湾剧场</span>
			                              <span class="time" >
			                                  <span class="s2" >叮当派</span>
			                              </span>
			                              <span class="t_user">
			                                 <div class="x1">
			                                    <div class="user"><span class="s2">火热报名中</span></div>
			                                 </div> 
			                              </span> 
			                          </div>
			                      </div>
			                   </div>
			                </a>
			             	<div class="xt_d"></div>
			             	<a href="#">
			                    <div class="infor">
			                        <div class="item">
			                            <div class="img">
			                                <span class="img"><img src="images/act6.jpg"></span>
			                            </div>
			                            <div class="wd"  style="max-width: 550px;">
			                                <span class="st">余德耀美术馆《雨雾亚洲首展》如果文案有两行</span>
			                                <span class="time">04月3日-05月01日·海豚湾剧场</span>
			                                <span class="time" >
			                                    <span class="s2" >叮当派</span>
			                                </span>
			                                <span class="t_user">
			                                    <div class="x1">
			                                        <div class="user">报名截止</div>
			                                    </div> 
			                                </span> 
			                            </div>
			                        </div>
			                    </div>
			        		</a>
	                    
	                </div>
                    

    				<div class="title" style="margin-top:1%;">
        
                        <div class="trip">
                            
                            <div class="st" >
                        
                        		<div class="w_x1">
                        			
                        			<!--

                        			<div class="trip">
                        				
                        				<span class="w_user"></span>
                        				<span class="w_txt">叮当看画</span>
                        				
                        			</div>
                        			-->
                        			<div class="trip"><div class="bt" style="text-align: center;">又寄给女孩的故事写真</div></div>
                        			<div class="trip">
                        				<div class="t1 column"><span></span>此行为专栏名</div>
                        			</div>
                        			
                        		</div>
								
                                <div class="x2">
                                
                                    <div class="trip" id="xq" style="text-indent: 2em;" >
                                    
                                        <span class="xq"> 
                                            
                                            <p>大家好，我是一只南瓜。<p>
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>


<p>
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>
<p>
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>

<img src="images/1.png" />


<p>
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>

<p>
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>

<p>
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>

<p>
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>

<p>
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>

	


<p>
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>

<p>
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>
                                            
                                        </span>
                                        
                                    </div>
                                    
                                    <div class="xt_e"></div>
                                    
                                    <div class="w_x2" style="margin-bottom: 0px; padding-bottom: 0px;">
                                    	<div class="trip">
                                    		<div class="w_time">2014.12.04发表 1313阅读</div>
                                    		
                                    		
	                        				<a href="#" class="label">赏析</a>
	                        				<span class="label">赏析</span>
	                        				<span class="label">赏析</span>
                        			
                                    		
                                    	</div>
                                    </div>
                                    
                                    
                                </div>
                                
                            </div>
                            
                            
                        </div>
                        
                    </div>
                    

                </div>
                

                <div class="title" style="padding-left:0; padding-right:0; margin-bottom:-1px;">
                
                    <div class="st" >
                          
                        <div class="x1" style="height:15px;">
                        
                            <span class="xt"></span>
                            
                            <div class="mass">
                            
                                评论 · 43
                                
                            </div>
                            
                            <a href="#" class="more" style=" margin-right:4%;">我要评论</a>
                        
                        </div>
                        
                    </div>
                    
                </div> 
                
                <div class="xt_d" style="margin-left:0;"></div>
                
                
                
                <div class="consult" >

					<div class="group" style="margin-bottom:5%;">
    
                        <div class="img">
                        
                            <img src="images/act1.jpg">
                        
                        </div>

                        <div class="wd"  style=" width:85%;">
                        
                            <div class="st">
                            
                                <div class="x1 b1">怪伯爵</div>

                            </div>
                            
                            <div class="time">
                                
                                2012-12-21
                            </div> 
                            
                            <div class="txt y1">小朋友不跑可以参加亲子活小朋友不跑可以参加亲子活动吗？小朋友不跑可以参加亲子活动吗？小朋友不跑可以参加亲子活动吗？动吗？</div>  							
                            
                            <div class="y2">回复：可以的~</div>
   
                        </div>

                    </div>
                    
                    <div class="xt_d"></div>
                    
                    <div class="group">
    
                        <div class="img">
                        
                            <img src="images/act1.jpg">
                        
                        </div>

                        <div class="wd"  style=" width:85%;">
                        
                            <div class="st">
                            
                                <div class="x1 b1">怪伯爵</div>

                            </div>
                            
                            <div class="time">
                                
                                2012-12-21
                            </div> 
                            
                            <div class="txt y1">小朋友不跑可以参加亲子活动吗？</div>  							
                            
                            <div class="y2">回复：可以的~</div>
   
                        </div>

                    </div>
                    
                    
                    <div class="trip">
                            
                        <a href="#" class="item_but_more">
                        
                            点击查看更多
                        
                        </a>
                        
                    </div>
                    
              	</div>
                
				
				
                
                
                <div class="title course_title">
                	
                	<div class="trip">
                		<a href="#" class="l">清晨 &bull; Morning</a>
                		<a href="#" class="l">睡前 &bull; Night</a>
                		<div class="xt_d" style="margin-right: 4%;"></div>
                		<a href="#" class="l">课后 &bull; After school</a>
                		<a href="#" class="l">假期 &bull; Holiday</a>
                		
                		<div class="xt_ec_z"></div>
                	</div>
                	
                </div>                            
                            
                            
                            <br /><br />
        
            </div>
     
      	</div>

        
        <div class="item_but" id="bot" style="display: none;">
        
        	<!--<div class="time">10月29日 10：00 开始报名</div>-->
        
            <a class="Share" href="#">
            
            	<div class="i"><img src="images/gz.png"/></div>
            
            	<div class="t x1">关注</div>

            </a>
            
            <a class="Admin" href="#">
            
            	<div class="i"><img src="images/fx.png"/></div> 
            	<div class="t">分享</div>
            
            </a>
            
            <a class="sign" href="#" id="sign">
            
                <div class="b"><span style=" font-size:1.6rem;">我要报名</span>
                <span style="color:rgba(255,255,255,0.7);"> 剩余10</span></div>
            
            </a>
            
        </div>

        
        <!--<div class="ext2"> 
            <div class="flaot1"> 
                
                <div class="cent">
                
                    <img src="images/ico4.png" />
                    <span class="tet">报名成功</span>
                
                </div>
                
            </div>
        </div>
        
        <div class="ext1"> 
        	<div class="flaot3">

        		<span class="tet">已取消关注</span>
                
            </div>
        </div>-->

        <!--<div class="ext8"> 
        	<div class="flaot10">

        		<img src="images/fx_zy.png"/>
                
            </div>
        </div>-->
        
        <!--<div class="ext9"> 
        	<div class="flaot11">

        		
                <div class="code">
                
                    <div class="top">
                    
                    	<div class="left">
                    		分享到微信朋友圈
                        </div>
                        
                    	<div class="right">
                        	<img src="images/end2.0.png" />
                        </div>
                    
                    
                    </div>
                    
                    <div class="center">
                    	
                        <img src="images/code.png" />
                    
                    </div>
                
                	
                    <div class="bottom">
                    	
                        <span class="s1">打开微，使用 “扫一扫” 即可将网页分享到我的朋友圈</span>
                    
                    </div>
                	    
                
                </div>
                
                
            </div>
        </div>-->
        
        
        
                
        
        
        
        <!--弹出层-->

        <!--<div class="item_ext" id="item_ext" style="display: none ;">    

            <div class="item_float" style="top:44px; background:none;" >
                
                <div class="f_index">
        
                    <a href="#" class="t1">主页</a>
                    <div class="xt_d" style="margin:0;"></div>
                    <a href="#" class="t2">个人中心</a>
                
                </div>
                
            </div>
        
        </div>-->
        
        <!--end弹出层-->
        
        
        <!--浮窗-->

        <div class="f_app" id="f_app" style="display: none;">    

            <div class="trip">
                
                <div class="log"></div>
                <div class="text">
                	
                    <div class="s1">有趣又有范儿的亲子活动</div>
                    <div class="s2">尽在叮当派APP</div>
                    
                </div>
                <a class="go" href="#">立即下载</a>
                
                <a href="#" id="remove" class="x"></a>
                
            </div>
        
        </div>
        
        <!--end浮窗-->
        
        
        <!--弹出层-->

        <div class="item_ext" id="item_ext" style="display:none;">    

            <div class="item_float details" id="item">
            
                
                <a href="#" class="title tc" style="margin-top:0px;">
                
                    <div class="st" >        
                        
                        <div class="x2">
                        
                        	<div class="left">
                            
                            	<div class="t1">工作日 一位家长+宝宝</div>
                                <div class="t2"><span style="color:#ff8030;">火热报名中</span></div>
                            
                            </div>
                            
                            <div class="right"><span style="font-size:1.2rem;">￥</span>200</div>
                        
                        
                        </div> 
    
                    </div>
     			
                </a>
                
                
                <div class="xt_d" style="margin:0;"></div>
                
                <a href="#" class="title tc" style="margin-top:0px;">
                
                    <div class="st" >        
                        
                        <div class="x2">
                        
                        	<div class="left">
                            
                            	<div class="t1">工作日 一位家长+宝宝</div>
                                <div class="t2"><span style="color:#ff8030;">最后6席</span></div>
                            
                            </div>
                            
                            <div class="right"><span style="font-size:1.2rem;">￥</span>200</div>
                        
                        
                        </div> 
    
                    </div>
     
                </a>
                
                <div class="xt_d"  style="margin:0;"></div>
                
                <a href="#" class="title tc" style="margin-top:0px;">
                
                    <div class="st" >        
                        
                        <div class="x2">
                        
                        	<div class="left">
                            
                            	<div class="t1">工作日 一位家长+宝宝</div>
                                <div class="t2">已满额</div>
                            
                            </div>
                            
                            <div class="right"><span style="font-size:1.2rem;">￥</span>450</div>
                        
                        
                        </div> 
    
                    </div>
     
                </a>
                
            </div>
        
        </div>
        
        <!--end弹出层-->
        
        
        
        <div class="ext8" style="display: none  ;"> 
        	<div class="flaot12">
                <div class="top" style=" text-align:left;">
                
                	<div class="li"></div>
                
                	<div class="t1">叮当派专场</div>
                    <li>福利A</li>
                    <li>福利B</li>
                    <li>福利C</li>
                    
                </div>
                <div class="bottom" style="display:none;">
                
                	<div class="left">￥<span style=" font-size:1.8rem;">320</span>起</div>
                    <a href="#" class="right">我要参加</a>
                
                </div>
                
                <div class="bottom">
                
                	<a href="#" class="cet">确定</a>
                
                </div>
                
            </div>
        </div>
        
        
        
        
        <div class="ext8" style="display: none  ;"> 
        	<div class="flaot12">
                <div class="top" style=" padding-top:8%; padding-bottom:8%;">
                
                
                	<div class="t1">该活动只能app报名，<br />是否前往app?</div>
                    
                    
                </div>
                <div class="xt_e" style="margin:0;"></div>
                <div class="bottom">
                
                	<a href="#"  class="l1">取消</a>
                    <div class=" xt_ec_c" style=" height:100%; margin-top:0;"></div>
                    <a href="#" class="r2">前往app</a>
                
                </div>
                
                
            </div>
        </div>
        

        
        <div class="ext8" style="display: none;"> 
        
        	<div class="flaot12" style="width:75%;">
            
                <div class="tz">
                
                	<div class="li"></div>
                	<div class="text">正跳转至XXX</div>
                    <div class="text" style="display: ;">叮当提示您关注资金/信息安全。<br />报“叮当派”享专属优惠/特权。</div>
                    
                </div>
                
            </div>
        </div>
        
        
        
    </div>
    
</div>

</body>
</html>
